<template>
	<view class="py-2">
		<view class="px-25 mb-3">
			<class-card>
				<view class="flex">
					<view class="text-center" style="width: 25%;" v-for="(item, index) in stuList" :key="index">
						<navigator :url="item.path">
							<image :src="item.iconUrl" style="width: 104rpx;height: 104rpx;" mode=""></image>
							<view class="color333 font-weight-500 font26">{{ item.name }}</view>
						</navigator>
					</view>
				</view>
			</class-card>
		</view>
	</view>
</template>

<script>
	import classCard from '../../components/common/class-card.vue';
	export default {
		data() {
			return {
				stuList: [{
						name: '身高体重',
						iconUrl: '../../static/img/ic_class_body.png',
						path: '../body/body'
					},
					{
						name: '视力信息',
						iconUrl: '../../static/img/ic_class_location4.png',
						path: '../eyes/eyes'
					},{
						name: '步数',
						iconUrl: '../../static/img/ic_class_location7.png',
						path: '../steps/steps'
					}
				],
			};
		},
		components: {
			classCard
		},

	}
</script>

<style lang="scss">

</style>
